<ion-view title="借款记录列表"> 
	<style type="text/css">
		.yuan1{
			width: 13px;
			height: 13px;
			background: #8F8F8F;
			border-radius: 50%;
		}
		.yuan2{
			width: 13px;
			height: 13px;
			background: #33CD5F;
			border-radius: 50%;
		}
		.yuan3{
			width: 13px;
			height: 13px;
			background: red;
			border-radius: 50%;
		}
	</style>	
	<ion-content style="background-color:#f5f5f5;padding-top:10px;">
	   <div style="height: 30px;line-height: 30px;background-color: white;">
			<div style="float: left;width: 30%;text-align: center;">			  
			  	<div class="yuan1" style="display:inline-block;">	
			   </div>   正常还款
			</div>
			<div style="float: left;width: 30%;text-align: center;"> 	<div class="yuan2" style="display:inline-block;">	
			   </div>   提前还款</div>
			<div style="float: left;width: 30%;text-align: center;">   	<div class="yuan3" style="display:inline-block;">	
			   </div> 逾期记录</div>
		</div>
		<div style="height: 30px;line-height: 30px;background-color: white;">
			<div style="float: left;width: 20%;text-align: center;">借款金额</div>
			<div style="float: left;width: 20%;text-align: center;">借款时间</div>
			<div style="float: left;width: 20%;text-align: center;">应还时间</div>
			<div style="float: left;width: 20%;text-align: center;">还款时间</div>
			<div style="float: left;width: 20%;text-align: center;">状态</div>
		</div>
		<ion-list>
			<ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="detail in duanProduces" type="item-text-wrap" style="font-size:13px;padding: 0px;min-height: 30px;line-height:30px;text-decoration none;color: #000000;">
					<div style="float: left;width: 10%;text-align: center;text-decoration none;color: #000000;">
						{{detail.investAccount | number:0}}
					</div>
					<div style="float: left;width: 25%;text-align: center;text-decoration none;color: #000000;">
						{{detail.createTime | date:'yyyy-MM-dd'}}
					</div>
					<div style="float: left;width: 25%;text-align: center;text-decoration none;color: #000000;">
						{{detail.deadTime | date:'yyyy-MM-dd'}}
					</div>
					<div ng-if="detail.payBackTime!=null" style="float: left;width: 20%;text-align: center;text-decoration none;color: #000000;">
						{{detail.payBackTime | date:'yyyy-MM-dd'}}
					</div>
					<div ng-if="detail.payBackTime==null" style="float: left;width: 20%;text-align: center;text-decoration none;color: #000000;">
						-- --
					</div>					
					<div style="float: left;width: 20%;text-align: center;text-decoration none;color: #000000;">
<!--					<span ng-if="detail.payBackStatus==2">已还清</span>
						<span ng-if="detail.payBackStatus==1">未还清</span>
						<span ng-if="detail.payBackStatus==0">未还款</span>-->
<!--				       <span ng-if="detail.payBackStatus==2"><div class="yuan2" style="display:inline-block;">	
			   </div> </span>
						<span ng-if="detail.payBackStatus==1">	<div class="yuan1" style="display:inline-block;">	
			   </div></span>
						<span ng-if="detail.payBackStatus==0"><div class="yuan3" style="display:inline-block;">	
			   </div></span>
					</div>-->
					
			     <!--  提前还款-->
				   <span ng-if="detail.deadTime>detail.payBackTime && detail.payBackTime!=null">
				    <div class="yuan2" style="display:inline-block;">	
			       </div> 
				   </span>
				 <!-- 正常还款-->
				<span ng-if="detail.deadTime==detail.payBackTime || detail.payBackTime==null">	
				<div class="yuan1" style="display:inline-block;">	
			    </div>
				</span>
			     <!-- 逾期 -->
				<span ng-if="detail.deadTime<detail.payBackTime">
				<div class="yuan3" style="display:inline-block;">	
			     </div>
				</span>
			</div>					
			</ion-item>
		 	<ion-infinite-scroll ng-if="duanNoMore" on-infinite="loadProduceByUserId()" distance="20%"></ion-infinite-scroll> 
		</ion-list>
	</ion-content>
</ion-view>